/* View Transition API 样式 */
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 999;
}

html.dark::view-transition-old(root) {
  z-index: 999;
}

html.dark::view-transition-new(root) {
  z-index: 1;
}

/* 基础样式 */
html {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 降级支持：如果不支持 View Transition API */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none !important;
  }
}
